<template>
    <el-steps align-center>
	  <el-step :title="$t('product.detail.shop')" icon="i-earn" :description="$t('product.detail.shop_txt')"></el-step>
	  <el-step :title="$t('product.detail.earn')" icon="i-shop" :description="$t('product.detail.earn_txt')"></el-step>
	  <el-step :title="$t('product.detail.paid')" icon="i-paid" :description="$t('product.detail.paid_txt')"></el-step>
	</el-steps>
</template>

<script>
 

    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        },
        
        created() {
            
        }
    }
</script>

<style  scoped>
    p {
        margin: 0;
    }
    li {
        list-style: none;
    }
    
</style>
<style type="text/css">
.content-banner .el-step__title, .content-banner .el-step__title.is-wait {
	font-size: 14px;
	color: #72808E;
	line-height: 44px;
}
.content-banner .el-step__title.is-wait{
	color: #333333;
}
.content-banner .el-step.is-center .el-step__description {
	font-size: 14px;
}
</style>
